@import 'main.skeleton.wxss';
view {
  box-sizing: border-box;
}
.detail-container {
  padding: 0px 20rpx;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  .cupon-detail-img {
    border-radius: 20rpx 20rpx 0px 0px;
    position: relative;
    height: 297rpx;

    .touMi-modal {
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      width: 707rpx;
      height: 300rpx;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 20rpx;
    }
    .businessName {
      font-size: 32px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #ffffff;
      margin-left: 20rpx;
    }
    .businessLogo {
      width: 60rpx;
      height: 60rpx;
      border: 50%;
    }
    .code {
      font-size: 36rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #ffffff;
      position: absolute;
      right: 38rpx;
      bottom: 38rpx;
    }

    .img-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 40rpx 0px 0px 34rpx;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 20rpx;
    }
  }
  .detail-img {
    border-radius: 20rpx 20rpx 0px 0px;
  }
  .circle {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
    position: absolute;
    bottom: -19rpx;
  }
  .circle-left {
    left: -20rpx;
  }
  .circle-right {
    right: -20rpx;
  }
  .halving-line {
    position: absolute;
    bottom: -5rpx;
    left: 20rpx;
    right: 20rpx;
    .halving-line-item {
      width: 23rpx;
      height: 10rpx;
      border-radius: 5rpx;
      margin: 0px 8rpx;
    }
  }
  .detail-msg {
    background-color: #fff;
    padding: 56rpx 0px 48rpx;
    border-radius: 0px 0px 20rpx 20rpx;
    .conversion-describe {
      font-size: 32rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #888888;
      margin-top: 34rpx;
    }
    .times {
      font-size: 48px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #000000;
    }
  }
  .coupon-title {
    font-size: 48rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
  }
  .coupon-code {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #b2b2b2;
    margin-top: 10rpx;
    margin-bottom: 10rpx;
  }
  .code-container {
    margin-top: 48rpx;
  }
  image:last-child {
    margin-bottom: 0px;
  }
  .ean-code {
    width: 640rpx;
    height: 136rpx;
    margin-bottom: 18rpx;
  }
  .qr-code {
    width: 288rpx;
    height: 288rpx;
    margin-bottom: 10rpx;
  }
  .period-validity {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #b2b2b2;
    margin-top: 20rpx;
  }
  .function-button {
    border-radius: 44px;
    padding: 28rpx 70rpx;
    min-width: 440rpx;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #020202;
    box-sizing: border-box;
    margin-top: 40rpx;
  }
  .upglide-view {
    margin-top: 100rpx;
    width: 100%;
    /* position: absolute;
    bottom: 50rpx;
    left: 50%;
    transform: translateX(-50%); */
    .upglide {
      font-size: 27rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #000000;
      margin-top: 10rpx;
    }
  }

  .coupon-detail {
    background-color: #fff;
    padding: 26rpx 0px 60rpx;
    border-radius: 0px 0px 20rpx 20rpx;
    .coupon-msg {
      padding: 0px 45rpx;
      padding-top: 40rpx;
    }
    .field-name {
      width: 158rpx;
      flex-shrink: 0;
      line-height: 40rpx;
      font-size: 29rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #888888;
    }
    .store-img {
      border-radius: 50%;
    }
    .downglide-view {
      margin-bottom: 40rpx;
    }

    .downglide {
      font-size: 27rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #b2b2b2;
    }
    .detail-store-msg {
      width: 600rpx;
      background: #f6f6f6;
      border-radius: 13rpx;
      padding: 15rpx;
      margin: 0 auto;
      .detail-store-msg-img {
        border-radius: 50%;
      }
    }

    .coupon-msg-item {
      margin-bottom: 30rpx;
      align-items: flex-start;
    }
    .coupon-msg-item:last-child {
      margin-bottom: 0;
    }
    .field-value {
      font-size: 29rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #353535;
      line-height: 40rpx;
    }
  }
  .store-name {
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #000000;
    margin-left: 14rpx;
  }
  .business-msg {
    background-color: #fff;
    padding: 36rpx 0px 30rpx 0rpx;
    border-radius: 20px 20rpx 0px 0px;
    position: relative;
    .business-msg-img {
      margin: 0px 15rpx 0px 50rpx;
      border-radius: 50%;
    }
    .underline {
      position: absolute;
      bottom: 0rpx;
    }
    .underline-item {
      width: 30rpx;
      height: 2rpx;
      background-color: #cccccc;
      margin: 0px 5rpx;
    }
  }
  .applied {
    margin-bottom: 40rpx;
    font-size: 29px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #888888;
  }
}
.no-get {
  width: 467px;
  height: 82px;
  border: 2px solid #fcb142;
  border-radius: 44px;
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #fcb142;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 56rpx;
}
.validity-date {
  margin: 26rpx 0px 42rpx 0px;
  font-size: 29px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #888888;
}
.zanting {
  margin-top: 10rpx;
}
.wx-cash-view {
  margin: 0 auto;
  height: 120px;
  width: 600px;
  border-radius: 13px;
  margin: 40rpx 0px 24rpx 0px;
  background: #f5fbf6;
  .wx-cash {
    font-size: 32px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #40ba49;
    margin-left: 13rpx;
  }
}
